body { font-family:arial,verdana,tahoma;background-color:#f5f5f5; font-size:12px; }
img { vertical-align:middle }
a { color:#333 }
a:visited { color:#333 }
li{ list-style:none;}
.left{float:left;}
.clear{ clear:both;}
.right{float:right;}
#auto_check { display:none; }

#formArea { width: 860px;background-color:#FFF;text-align:center; padding:0; margin:auto; border:1px solid #dcdcdc;margin:15px auto 15px auto; }
#form-logo { text-align:left; }
#formArea form { padding:0; margin:0 }
#formHeader { background-color: #F0F9FF; border-bottom:1px solid #dcdcdc }
#title { font-size:24px; font-weight:bold; text-align:center;padding:5px;margin:0px; color:#000; }
#title a{ text-decoration:none;}
#languageSel { margin: 0 0 0 5px; text-align:left; padding-bottom:2px }
#languageSel form { padding:0;margin:0 }
#languageSel input { margin-right:1px; padding:0px; border:3px solid #F0F9FF }
#languageSel input.selectedLang { border:3px solid #FFFF00 }
#languageSel input.unSelectedLang:hover { border:3px solid #BFE5FF }
#languageSel input.unSelectedLang { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) }
#formBody { padding:10px 0 10px 0; background-color:#FFF; text-align:center }
.description {text-align:left;padding-left:10px; padding-top:5px;}
.pager {padding-right:10px;}
#confirmation { text-align:left;padding:20px 8px; text-align:center; }
#confirmation h3 { text-align:center; color:#dc5151; padding-top:15px; margin:0; margin-bottom:15px }
#confirmation div { margin:0 auto 15px auto; font-size:12px; width:100% }
#confirmation a { color:#0000FF }
#confirmation small { width:100%; display:block; color:#0000FF }
#confirmation #title { font-size:24px; font-weight:bold; text-align:center;padding:5px 0;margin:0px; color:#000; background-color:#F0F9FF}
#free_campaign { text-align:center; background-color:#D0E86E; background-color:#FFF; border-top:1px solid #dcdcdc }
#free_campaign p small { color:#666; font-size:11px; }
#free_campaign a img { border:0; }
#free_campaign div { background-color:#D0E86E; padding:0; margin:0 }
#free_campaign p.features { font-size:12px; color:#000; padding:10px 0; margin:0; background-color:#D0E86E; font-weight:bold }
.pagefield{ margin-top:10px;}
.field { width:95%; padding:12px 3px 12px 3px; text-align:left; margin:auto; border-bottom:1px dashed #bcbcbc;margin-top:5px;margin-bottom:5px; }
/*div.field:hover { background-color:#FFFFE0  }*/
.itemTitle { font-size:16px; font-weight:bold; padding:0; margin:0; color:#dc5151 }
.itemSubTitle { font-size:14px; padding:0; margin:0; font-weight:normal; color:#666 }
.itemText { font-size: 12px; clear:both;}
.category {font-size:14px; font-weight:bold;}
.section{ border:#bcbcbc 1px dashed; vertical-align:top;}
.itemorder{cursor:move;}
.fieldItems { margin-top:10px }
.fieldItems br{clear:both;}
.fieldItems span { margin-right:10px }
.fieldItems p { margin:5px 0 0 0; padding:0 }
div.validationErrorMsg { text-align:left;font-size:11px; font-weight:bold; color:#FF0000; padding-bottom:5px; margin:0; text-align:center; text-decoration:blink; color:#DC5151; background-color:#FFE4E4; padding:5px;}
div.validationErrorMsg img { vertical-align:middle; margin-right:6px }
/*div.validationFailed { background-color:#FFE4E4 }
div.validationFailed:hover { background-color:#FFE4E4 }*/
.arrayTable { border-collapse:collapse; width:100%; }
.arrayTable td { border:1px solid #dcdcdc;padding:3px; text-align:left }
td.arrayItemCol { width:30%; border-width:0px }
.arrayTable .arrayItemHeader { font-size:12px; text-align:left; width:30%; text-align:left }
.arrayTable .arrayItemHeader.starRatingArray { width: 26%; }
.arrayColHeader { text-align:center;font-size:12px; }

span.required { font-weight:bold; color:#FF0000; margin-left:5px; font-family:verdana }
.textfield {	border:1px inset #dcdcdc; background-color:#fff; width:98%; font-family:helvetica,arial; font-size:12px; padding:3px }

#actionArea { padding:7px }
#actionArea div.left { text-align:left; width:69%; float:left }
#actionArea div.right { text-align:right; width:29%; float:right }

#password { padding:15px 0;margin:0; font-size:12px }

.footer { background-color:#FFF;font-size:14px;padding:0px 0 5px 0; color:#666666; border-top:1px solid #dcdcdc }
.footer small { color:#666 }
.footer img { border-width:0px }
.footer p { padding:0; margin:0 }
.footer p.moto { background-color:#95DB51;color:#FFF; font-size:11px; padding:2px }

.qf-logo { font-size:15px; font-weight:bold; color:#8cc919; font-family:verdana}
.qf-logo span { color:#7f7f7f }

div.disabled { background-color:#FFFFE0; color:#DC5151; font-weight:bold; font-size:18px; padding:5px; border:1px solid #dc5151 }
div.disabled.header { margin:5px }
.alignCenter { text-align:center; margin-left:auto; margin-right:auto }
.field-image { text-align:center }

.top-message { background-color:#FFF;color:#000; font-size:11px; padding:4px; border-bottom:1px solid #dcdcdc }
.top-message span { background-color:#FFFFA0 }

strong.pages { margin:auto; color:#666; font-size:10px; display:block; width:80px; padding:1px; background-color:#FFF; border:1px solid #ccc; margin-top:5px; position:relative; z-index:1; }
div.graph { position:absolute; background-color:#DAF1C2; top:0px; left:0px; z-index:-1; font-size:10px; padding:1px; }
.AspNet-RadioButtonList-Item
{
    padding:5px;
}
.AspNet-CheckboxList-Item
{
    padding:5px;
}
.focus
{
    border:1px dashed #dc5151;
}
.list-header {
    background:#F4F5F6;
    border-top: dotted 1px #AAB4BE;
    border-bottom: dotted 1px #AAB4BE;
    padding: 5px 10px;
    font-weight:bold;
    margin-bottom:10px;
}

button { padding:0; margin:0 }
.button img { margin-right:4px; vertical-align:middle }

.buttons { clear:both }
.buttons .button { margin-right:5px; float:left }
.button { cursor:pointer; padding:3px 4px 3px 6px; border:1px solid #ccc; font-size:12px; font-weight:bold }

a.button { display:block; text-decoration:none; max-width:100px; margin:auto }
button.button { padding:3px 5px 4px 3px }

.abutton { font-size:12px; font-weight:bold; text-decoration:none; padding:5px; border:1px solid #aaa }
a.abutton img { margin-right:0px }
.abutton span { padding-left:5px }
.large { padding:7px 10px 7px 10px; font-size:18px }
a.large { padding:7px 10px 7px 10px; font-size:18px }

.grey { background-color:#f5f5f5; color:#666; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5 }
.grey:hover { background-color:#DAF1C2; color:#008000 }
a.grey:visited { color: #666 }
.green { background-color:#DAF1C2; color:#008000; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5 }
.green:hover { background-color:#A6F15B }
a.green:visited { color: #008000 }
.red { background-color:#F1D4D4; color:#FF0000; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5 }
.red:hover { background-color:#F1C5C5; color:#FF0000 }
a.red:visited { color:#FF0000 }
.white { border:1px solid #ccc; background-color:#FFF; color:#000; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5 }
.white:hover { background-color:#f5f5f5 }

input[type="text"].inset,input[type="password"].inset { border:1px inset #dcdcdc; background-color:#F5F5F5; padding:3px; font-size:12px; font-family:arial,helvetica,verdana }
input[type="text"].whiteinset,input[type="password"].whiteinset { border:1px inset #dcdcdc; background-color:#FFFFFF; padding:3px; font-size:12px; font-family:arial,helvetica,verdana }
textarea.inset { border:1px inset #dcdcdc; background-color:#F5F5F5; padding:3px; font-size:12px; font-family:arial,helvetica,verdana }
textarea.whiteinset {border:1px inset #dcdcdc; background-color:#FFFFFF; padding:3px; font-size:12px; font-family:arial,helvetica,verdana}
select.inset { border:1px inset #dcdcdc; background-color:#FFF; font-size:12px; padding:3px; font-family:arial,helvetica,verdana; }

.lightbox { position: absolute;top:0px;left:50%;z-index:100; padding:5px; text-align:left;  }
.lightbox h1 { padding:5px; margin:0;font-size:22px }
.lightboxWait { background-color:#FFF; color:#dc5151; padding:20px; font-size:16px; font-weight:bold }

.greenLB { background-color:#FFF; border:1px solid #dcdcdc; }
.greenLB h1 { background-color:#009000; color:#FFF }

.redLB { border:1px solid #dcdcdc; background-color:#fff }
.redLB h1 { background-color:#dc5151; color:#FFF }

.veryLargeLB { margin:100px 0 0 -350px; width:700px }
.largeLB { margin:100px 0 0 -300px; width:600px }
.mediumLB { margin:100px 0 0 -200px; width:400px }
.smallLB { margin:100px 0 0 -150px; width:300px }

img.percentImage1 {
 background: white url(http://www.askform.cn/css/images/percentImage_back1.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage2 {
 background: white url(http://www.askform.cn/css/images/percentImage_back2.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage3 {
 background: white url(http://www.askform.cn/css/images/percentImage_back3.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage4 {
 background: white url(http://www.askform.cn/css/images/percentImage_back4.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

.dvwnd{border:1px #dcdcdc solid;font-size:12px;background-color:white;font-family:verdana;width:300px;height:auto;overflow:auto;position:absolute;z-index:99999}
.dvwndcanvas{z-index:99998;background-color:#ffffff;left:0;top:0;margin:0;padding:0;position:fixed!important;/*FF IE7*/position:absolute;filter:alpha(opacity=10);opacity:0.3;}
.dvwndtitle{background-color:#F0F9FF; cursor:move; font-weight:bold; color:Black; padding:8px;}
.dvwndfocus{background-color:white; cursor:move; font-weight:bold; color:white; padding:8px;}
.dvwndchild{padding:0px;}
a.dvwndclose{background-color:white;color:Black;text-decoration: none;font-size:12px;}
a:hover.dvwndclose{background-color:#FFFFFF;color:Black;text-decoration: none;font-size:12px;}
.otherInput
{
    width:100px;
}
.altTr
{
    background-color:#dcdcdc;
}